<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="height = device-height, width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no" />
<!--     <meta name="viewport"
      content=" height = device-height,
                width = device-width,
                initial-scale = 1.0,
                minimum-scale = 1.0,
                maximum-scale = 1.0,
                user-scalable = no"/> -->

	<title>draw free.</title>
	<link rel="stylesheet" href="css/index.css">
	<script src="js/jquery.min.js" type="text/javascript"></script>
	
	<!-- Bootstrap 3 -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<script src="js/bootstrap.min.js"></script>
	
	<!-- MiniColors -->
	<script src="js/jquery.minicolors.js"></script>
	<link rel="stylesheet" href="css/jquery.minicolors.css">
	<script>
		$(document).ready( function() {
			
            $('.demo').each( function() {
				$(this).minicolors({
					control: $(this).attr('data-control') || 'hue',
					defaultValue: $(this).attr('data-defaultValue') || '',
					inline: $(this).attr('data-inline') === 'true',
					letterCase: $(this).attr('data-letterCase') || 'lowercase',
					opacity: $(this).attr('data-opacity'),
					position: $(this).attr('data-position') || 'bottom left',
					change: function(hex, opacity) {
						if( !hex ) return;
						if( opacity ) hex += ', ' + opacity;
						try {
							//console.log(hex);
						} catch(e) {}
					},
					theme: 'bootstrap'
				});
                
            });
			
		});
	</script>
</head>
<body>
	<!-- 背景的线 -->
	<!-- <script type="text/javascript" color="0,0,255" opacity="1" count="99" src="js/canvas-nest.min.js"></script>	 -->

	<canvas id="canvas">
		当前浏览器不支持Canvas，请更换浏览器后再试。
	</canvas>
	<div id="controller" class="clearfix">
		<div class="row">  
		    <div  class="col-md-12">  
		        <form class="form-inline" role="form">
					<div class="form-group control clearfix">
						<div class="colorSelector ctlIpt">
							<input type="text" id="text-field" class="form-control demo" onchange="setColor()" value="#70c24a">
						</div>
						<input class="sizeValue form-control ctlIpt" type="text" onchange="setLineWidth()" value="15"></input>
						<div class="clearCanvas ctlBtn" onclick="onClearBtnClick()">清 除</div>
						<div class="pushCanvas ctlBtn">提 交</div>
					</div>
				</form> 
		    </div>  
		</div>  
				
		
		
		
		
	</div>
	<div class="webinfo"><a href="https://github.com/chazshi?tab=repositories">Designed by chazshi.</a></div>
	<script src="js/handwriting.js" type="text/javascript"></script>
</body>
</html>